<template>
  <div class="login">
    <div class="logo">

    </div>
    <button class="login-btn" open-type="getUserInfo" lang="zh_CN" @getuserinfo="doLogin">微信登录</button>
  </div>
</template>

<script>
  import {
    host
  } from '../../utils'
var qcloud = require('wafer2-client-sdk/index.js')
export default {
    created () {},
    mounted () {
      console.log(host)

      qcloud.setLoginUrl(host + '/login')
    },
    data () {
      return {}
    },
    components: {},
    methods: {
      doLogin () {
        mpvue.showLoading({
          title: '登录中...', // 提示的内容,
          mask: true, // 显示透明蒙层，防止触摸穿透,
          success: res => {}
        })
        const session = qcloud.Session.get()
        if (session) {
          // 第二次登录
          // 或者本地已经有登录态
          // 可使用本函数更新登录态
          qcloud.loginWithCode({
            success: res => {
              // this.setData({ userInfo: res, logged: true });
              mpvue.setStorageSync('key', 'value')
            },
            fail: err => {
              console.error(err)
            }
          })
        } else {
          // 首次登录
          qcloud.login({
            success: res => {
              console.log(res)

              mpvue.hideLoading()
              mpvue.setStorageSync('userInfo', res)
              var openId = res.openId
              mpvue.setStorageSync('openId', openId)
              mpvue.navigateBack({})
            },
            fail: err => {
              console.log(err)
              mpvue.hideLoading()
              mpvue.navigateBack({})
            }
          })
        }
      }
    },
    computed: {}
  }
</script>
<style lang='scss' scoped>
  @import "./style";

</style>
